<template>
  <div class="app-container">
    <el-tabs v-model="activeTab">
      <el-tab-pane label="基本信息" name="basic">
        <BasicInfo />
      </el-tab-pane>
      <el-tab-pane label="角色信息" name="role">
        <RoleInfo />
      </el-tab-pane>
      <el-tab-pane label="菜单权限" name="permission">
        <MenuPermission />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup name="personalInfo">
import { ref } from 'vue'
import BasicInfo from './components/BasicInfo.vue'
import RoleInfo from './components/RoleInfo.vue'
import MenuPermission from './components/MenuPermission.vue'

const activeTab = ref('basic')
</script>
